<template>
	<c-pop-box>
		<view class="c-bargain-fail text-center bg-color-white border-radius20 padding-top37 padding-bottom93">
			<view class="flex-column mc-flex-vcenter" style="position: absolute;top: -62rpx;left: 0;right: 0;">
				<image :src="avatar" mode="aspectFill" class="border-radius" style="width: 120rpx;height: 120rpx;border: 2px solid white;"></image>
			</view>
			<view class="font-size28 margin-top50">啊哦~你的砍价已超时</view>
			<view class="font-size24 margin-top10">送你一件免费商品，快来挑选吧</view>
			<view class="dis-flex margin-bottom60 margin-top40">
				<image style="width:540upx;height:324upx" src="/static/images/ui_kj_fail.png"></image>
			</view>
			<view class="dis-flex">
				<view @tap="toMoreBargain()" class="dis-flex height84 border-radius" style="width:420upx;background-color:#ff484a">
					<text class="font-size33 color-white line-height">马上去选</text>
				</view>
			</view>
		</view>
	</c-pop-box>
</template>
<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex';
	import CPopBox from '@/components/global/c-pop/c-pop-box';
	export default {
		name: 'c-bargain-fail',
		props: {
			value: {
				type: Object,
				default: {}
			}
		},
		components: {
			CPopBox
		},
		data() {
			return {
				list: []
			};
		},
		watch: {},
		computed: {
			avatar: function() {
				return this.value.avatar
			},
		},
		methods: {
			...mapActions('pop', ['popShow']),
			...mapActions('common', ['tabCurrent2Up']),
			toMoreBargain() {
				this.popShow();
				this.tabCurrent2Up(1);
				uni.switchTab({
					url:'/pages/tabBar/draw/index'
				})
			},
			btnShare() {
				console.log('分享');
			}
		},
		created() {},
		mounted() {}
	};
</script>
<style lang="scss" scoped>
	.c-bargain-fail {
		position: relative;
		width: 632upx;
		min-height: 700upx;
	}
</style>
